﻿<UserControl
    x:Class="JalaliCalendar.Options"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:JalaliCalendar"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="600"
    d:DesignWidth="400">

    <Border BorderBrush="Black" BorderThickness="1,0,0,0">
        <Grid Background="Azure" VerticalAlignment="Stretch">
            <Grid.RowDefinitions>
                <RowDefinition Height="80" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <Grid.Transitions>
                <TransitionCollection>
                    <EntranceThemeTransition FromHorizontalOffset="50" />
                </TransitionCollection>
            </Grid.Transitions>

            <!-- Header area for panel -->
            <Grid Background="SkyBlue" Grid.Row="0" Grid.ColumnSpan="2">

                <Grid Margin="40,32,17,13">

                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="30" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition />
                    </Grid.ColumnDefinitions>

                    <Button Click="MySettingsBackClicked" Grid.Column="0" Style="{StaticResource SmallBackButtonStyle}" />
                    <TextBlock Margin="10,-5,0,0" Grid.Column="1" FontFamily="Segoe UI" FontWeight="SemiLight" FontSize="24.6667" Text="Settings" HorizontalAlignment="Left" />
                </Grid>
            </Grid>
            <!-- Settings Panel Content -->
            <Grid Grid.Row="1" Margin="40,24,23,0" VerticalAlignment="Top" Grid.ColumnSpan="2">
                <Grid.Transitions>
                    <TransitionCollection>
                        <EntranceThemeTransition FromHorizontalOffset="120" />
                    </TransitionCollection>
                </Grid.Transitions>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="50*" />
                        <ColumnDefinition Width="50*" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>

                    <TextBlock Grid.Row="0" Grid.Column="0" VerticalAlignment="Center" Foreground="Black" FontWeight="SemiLight" FontSize="18" Text="Show Holidays"/>
                    <ToggleSwitch Name="ShowHolidaysSwitch" Grid.Row="0" Grid.Column="1" Toggled="ShowHolidaysChanged" />

                    <TextBlock Grid.Row="1" Grid.Column="0" VerticalAlignment="Center" Foreground="Black" FontWeight="SemiLight" FontSize="18" Text="Hijri Adjustment"/>
                    <StackPanel HorizontalAlignment="Center" Name="HijriAdjustmentStack" Orientation="Horizontal" Grid.Row="2" Grid.ColumnSpan="2">
                        <RadioButton GroupName="HijriAdjustment" Checked="HijriAdjustmentChanged">2</RadioButton>
                        <RadioButton GroupName="HijriAdjustment" Checked="HijriAdjustmentChanged">1</RadioButton>
                        <RadioButton GroupName="HijriAdjustment" Checked="HijriAdjustmentChanged">0</RadioButton>
                        <RadioButton GroupName="HijriAdjustment" Checked="HijriAdjustmentChanged">-1</RadioButton>
                        <RadioButton GroupName="HijriAdjustment" Checked="HijriAdjustmentChanged">-2</RadioButton>
                    </StackPanel>
                    

                </Grid>
                    
            </Grid>
            
            <Image Source="Assets/StoreLogo.png" VerticalAlignment="Top" HorizontalAlignment="Right" 
                   Grid.Column="1" Stretch="None" Margin="0,20,20,0" Grid.RowSpan="2"/>
        </Grid>
    </Border>
</UserControl>
